$(function() {
	
	
	 // $(".images-wrapper a")
	let activeIndex = 0
	// 初始化
	$(".images-wrapper a").eq(activeIndex).show()
	$(".dots i").eq(activeIndex).addClass("active")
	
	// 播放
	let bannerTimer = setInterval(function() {
		activeIndex++
		if (activeIndex >= $(".images-wrapper a").length) {
			activeIndex = 0
		}
		$(".images-wrapper a").eq(activeIndex).show().siblings().hide()
		$(".dots i").eq(activeIndex).addClass("active").siblings().removeClass("active")
	}, 2000)
	
	// 暂停与播放
	$(".banner").hover(function() {
		clearInterval(bannerTimer)
	}, function() {
		bannerTimer = setInterval(function() {
			activeIndex++
			if (activeIndex >= $(".images-wrapper a").length) {
				activeIndex = 0
			}
			$(".images-wrapper a").eq(activeIndex).show().siblings().hide()
			$(".dots i").eq(activeIndex).addClass("active").siblings().removeClass("active")
		}, 2000)
	})
	
	$(".banner .next").on("click", function() {
		activeIndex++
		if (activeIndex >= $(".images-wrapper a").length) {
			activeIndex = 0
		}
		$(".images-wrapper a").eq(activeIndex).show().siblings().hide()
		$(".dots i").eq(activeIndex).addClass("active").siblings().removeClass("active")
	})
	
	$(".banner .prev").on("click", function() {
		activeIndex--
		if (activeIndex < 0) {
			activeIndex = ($(".images-wrapper a").length - 1)
		}
		$(".images-wrapper a").eq(activeIndex).show().siblings().hide()
		$(".dots i").eq(activeIndex).addClass("active").siblings().removeClass("active")
	})
	
	
	// fadeIn / fadeOut
	// 无缝轮播
})